<template>
    <div>
        <ol>
            <li><a href="#/home" target="_blank">常见操作</a></li>
            <li><a href="#/measureToolApp" target="_blank">常见测距操作</a></li>
            <li><a href="#/ceLength" target="_blank">常见测距操作ceLength</a></li>
            <li><a href="#/measureToolApp2" target="_blank">动静态测距</a></li>

            <li><a href="#/appMeasure" target="_blank">测距测面积</a></li>
            <li><a href="#/baseDraw" target="_blank">基本图形绘制</a></li>
            <li><a href="#/appPointSelect" target="_blank">手动点选-交互式</a></li>
            <li><a href="#/appPointSelect2" target="_blank">手动点选-监听式</a></li>
            <li><a href="#/appCircleSelect" target="_blank">手动圈选</a></li>
            <li><a href="#/appAutoCircleSelect" target="_blank">自动圈选</a></li>
            <li><a href="#/appRectangleSelect" target="_blank">矩形圈选Draw</a></li>
            <li><a href="#/appRectangleSelect2" target="_blank">矩形圈选DragBox</a></li>
            <li><a href="#/appRectangleSelect3" target="_blank">矩形圈选 导航模式</a></li>
            <li><a href="#/appPolygonSelect" target="_blank">多边形圈选</a></li>
            <li><a href="#/drawCircleApp" target="_blank">自动绘制圆圈</a></li>


            <li><a href="#/appRouter1" target="_blank">路线绘制</a></li>
            <li><a href="#/appRouter2" target="_blank">路线绘制最短距离</a></li>
            <li><a href="#/appRouter3" target="_blank">高得地图路线绘制？</a></li>
            <li><a href="#/appRouter4" target="_blank">绘制路线轨迹</a></li>
            <li><a href="#/appRouter5" target="_blank">点到线的距离</a></li>

            <li><a href="#/appCircleSelectFlash" target="_blank">动态闪烁</a></li>
            <li><a href="#/appCustomStyle" target="_blank">自定义样式</a></li>
            <li><a href="#/appConver" target="_blank">遮罩和反遮罩??</a></li>
            <li><a href="#/appCircleLink" target="_blank">三圆心相连</a></li>

            <li><a href="#/olCoordinatePack" target="_blank">OlCoordinate包函数</a></li>
            <li><a href="#/appGradientLineStyle" target="_blank">自定义渐变色样式</a></li>
            <li><a href="#/appRotateCanvas" target="_blank">Canvas 绘制的指北针</a></li>
            <li><a href="#/appSaveViewMap" target="_blank">地图切换</a></li>

            <li><a href="#/appIconSymbolizer" target="_blank">Openlayers 的图标定位</a></li>

            <li><a href="#/bingtu" target="_blank">echarts饼状图顺时针颜色渐变</a></li>
            <li><a href="#/percent_template" target="_blank">echarts实现标注百分比的动态柱形图Template</a></li>
            <li><a href="#/percent_template_demo" target="_blank">echarts实现标注百分比的动态柱形图Demo</a></li>

            <li><a href="#/demo_vue_virtual_scroller" target="_blank">vue-virtual-scroller</a></li>


        </ol>
    </div>
</template>

<style lang="scss" scoped>
    ol > li {
        float: left;
        width: 15%;
        border: 1px solid #FFFFFF;
        height: 70px;
        cursor: pointer;
        list-style: none;
        font-size: 14px;
        font-family: "微软雅黑 Light";
    }

    ol > li a {
        display: inline-block;
        padding: 24px 30px;
        height: 100%;
        color: #000000;
        text-decoration: none;
        list-style: none;
    }
</style>